<body>
<div class="topbar">
	<div class="content">
        <div class="right">
        	<!--BEGIN: Topbar Right-->
            
<script type="text/javascript">
                function logOut(){
                    var result = confirm("Bạn có chắc chắn muốn đăng xuất không?");
                    return result;
                }
                
                function deleteBook(){
                    var result = confirm("Bạn có chắc chắn muốn xóa cuốn sách này không?");
                    return result;
                }
                
                //Delete tất cả các cuốn sách đã chọn
                function deleteBooks(){
                    var result = confirm("Bạn có chắc chắn muốn xóa những cuốn sách này không?");
                    if(result)
                    {
                        var checkboxes = document.getElementsByName('checkbox');//Lấy tất cả các checkbox
                        var str = "";
                        for(var i = 0; i < checkboxes.length; i++)
                        {
                            //Lưu id của tất cả các cuốn sách đã chọn vào mảng orderId_array[]
                            if(checkboxes[i].checked && checkboxes[i].value > 0)
                            {
                                str+='&bookId_array[]=' + checkboxes[i].value;
                            }
                        }
                        if(str == "")
                        {
                            return result;
                        }
                        document.getElementById("delete").href="deletebooks.php?" + str;//Cuyển đến trang deletebooks để delete tất cả các cuốn sách đã chọn
                    }
                    return result;
                }
                //Thay đổi trạng thái của tất cả các checkbox
                function toggle(firstCheckbox){
                    var checkboxes = document.getElementsByName('checkbox');//Lấy tất cả các checkbox
                    for(var i = 0; i < checkboxes.length; i++)
                    {
                        checkboxes[i].checked = firstCheckbox.checked;//Thiết lập trạng thái của tất cả các checkbox giống với checkbox đầu tiên
                    }
                }
                
                $(document).ready(function(){
                    $("#search").click(function(){
                        var searchtype = document.getElementById('searchtype').value;//searchtype là loại tìm kiếm
                        var keyword = document.getElementById('keyword').value;//keyword là từ khóa tìm kiếm
                        if(keyword != "")
                        {
                            $.ajax({
                             url: "search.php",
                             type: "GET",
                             data: "searchtype="+searchtype+"&keyword="+keyword,
                             dataType: "html",
                             success: function (data) {
                                $("#booktable").html(data); //Hiển thị danh sách các cuốn sách tìm được                              
                             },
                         });
                        }
                    });         
                });
</script>
            <div class="widget-logout">
            	<a href="logout.php" title="" onclick="return logOut();">
                	<span>Thoát</span>
                </a>
            </div>
            <!--END Topbar Right-->
        </div>
        <div class="clear"></div>
    </div>
</div>
<div class="header">
	<div class="content">
        <div class="right">
        	<!--BEGIN: Header Right-->
            <div class="widget-menu tab">
            	<ul>
                	<li class="first">
                    	<a href="#" class="active" title="">
                        	<span>
                            	<img src="file:///G:/Download/GEATE/icon_16x16.png" alt="" />
                                Trang chủ
                            </span>
                        </a>
                    </li>
                    <li>
                    	<a href="#" title="">
                        	<span>
                            	<img src="file:///G:/Download/GEATE/icon_16x16.png" alt="" />
                                Hỗ trợ
                            </span>
                        </a>
                    </li>
                    <li>
                    	<a href="#" title="">
                        	<span>
                            	<img src="file:///G:/Download/GEATE/icon_16x16.png" alt="" />
                                Mã nguồn
                            </span>
                        </a>
                    </li>
                    <div class="clear"></div>
                </ul>
            </div>
            <!--END Header Right-->
        </div>
        <div class="clear"></div>
    </div>
</div>
<div class="menu">
	<div class="content">
    	<!--BEGIN: Menu-->
        <div class="widget-menu list">
        	<ul id="nav">
            	<li>
                	<a href="index.php" title="">Quản lý đơn hàng</a>
                </li>
                <li>
                	<a href="books.php" class="active" title="">Quản lý sách</a>
                    <ul>
                        <li>
                            <a href="addbook.php" title="">Thêm sách</a>
                        </li>
                    </ul>
                </li>
                <li>
                	<a href="accounts.php" title="">Quản lý tài khoản</a>
                    <ul>
                        <li>
                            <a href="addmember.php" title="">Thêm tài khoản</a>
                        </li>
                    </ul>
                </li>
                <div class="clear"></div>
            </ul>
        </div>
        <!--END Menu-->
    </div>
</div>
<div class="main">
	<div class="content">
    	<div class="toolbar">
        <!--BEGIN: Message-->
            <?php echo "<div class='" . $class . "'>" . $message . "</div>"?>
        <!--END Message-->
        	<!--BEGIN: Toolbar-->
            <div class="widget-toolbar">
            	<h2 class="list">Sách</h2>
                <ul>
                	<li class="first">
                    	<a href="addbook.php" class="add" title="">Thêm sách</a>
                    </li>
                    <li>
                    	<a href="" id="delete" class="delete" title="" onclick="return deleteBooks()" >Xóa</a>
                    </li>
                    <div class="clear"></div>
                </ul>
                <div class="clear"></div>
            </div>
            <!--END Toolbar-->
        </div>
        <div class="body">
        	<!--BEGIN: Body-->
            <div class="module-list">
            	<div class="search">
                	<input type="text" id="keyword" value="" />
                    <select id="searchtype">
                        <option value="all">Tất cả</option>
                    	<option value="book">Tên sách</option>
                        <option value="author">Tên tác giả</option>
                        <option value="publisher">Nhà xuất bản</option>
                    </select>
                    <input type="button" id="search" class="button" value=""/>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
                <table id="booktable" cellpadding="0" cellspacing="0">
                	<tr>
                        <th width="20"><input type="checkbox" onclick="toggle(this)" value="0"/></th>
                    	<th width="30">Book ID</th>
                        <th width="100">Tên sách</th>                                             
                        <th width="30">Mã sách</th>
                        <th width="100">Tác giả</th>
                        <th width="50">Nhà xuất bản</th>           
                        <th width="30">Thể loại sách</th>
                        <th width="50">Trạng thái sách</th>
                        <th width="30">Giá bán</th>
                        <th width="30">Giá Sale Off</th> 
                        <th width="100">Image</th> 
                        <th width="30">Sách tiêu biểu</th>
                        <th width="30">Quà tặng đặc biệt</th>
                        <th width="50">Điều khiển</th>                                                                                               
                    </tr>
                    <?php 
                    if(count($bookList) > 0)
                    {
                        foreach($bookList as $book)
                        {   
                            $code=  "<tr>
                                    <td align='center'><input type='checkbox' name='checkbox' value='".$book['BookId']."'/></td>
                                    <td align='center'>" . $book['BookId'] . "</td>
                                    <td align='center'>" . $book['Name'] . "</td>
                                    <td align='center'>" . $book['Code'] . "</td>
                                    <td align='center'>" . $book['Author'] . "</td>
                                    <td align='center'>" . $book['Publisher'] . "</td>
                                    <td align='center'>" . $book['CateName'] . "</td>
                                    <td align='center'>" . $book['Status'] . "</td>
                                    <td align='center'>" . $book['Price'] . "</td>
                                    <td align='center'>" . $book['SaleOffPrice'] . "</td>
                                    <td align='center'>" . $book['ImageUrl'] . "</td>
                                    <td align='center'>";
                                    
                            if($book['FeaturedBook']==0){
                                $code.=" <span class='inactive' title=''></span>";
                            }else{
                                $code.=" <span class='active' title=''></span>";
                            }
                            
                            $code.="</td> <td align='center'>";
                            
                            if($book['SpecialGift']==0){
                                $code.=" <span class='inactive' title=''></span>";
                            }else{
                                $code.=" <span class='active' title=''></span>";
                            }
     
                            $code.= "
                                    </td>
                                    <td align='center'>
                                        <a href='editbook.php?book_id=". $book['BookId'] ."' title='Chỉnh sửa'>
                                            <span class='edit' title=''></span>
                                        </a>
                                        <a href='deletebook.php?book_id=". $book['BookId'] ."' title='Xóa' onClick='return deleteBook();'>
                                            <span class='delete' title=''></span>
                                        </a>
                                    </td>
                                 </tr>";
                            echo $code;                
                        }
                    }
                    ?>
                </table>
                <div class="pagination">
                	<div>
                    	<a href="#">Đầu</a>
                        <a href="#">Lùi</a>
                        <a href="#">1</a>
                        <span>2</span>
                        <a href="#">3</a>
                        <a href="#">4</a>
                        <a href="#">Tới</a>
                        <a href="#">Cuối</a>
                    </div>
                </div>
            </div>
            
            <!--END Body-->
        </div>
        <div class="clear"></div>
    </div>
</div>
<div class="footer">
	<div class="content">
    	<div class="left">
        	<!--BEGIN: Footer Left-->
            <!--END Footer Left-->
        </div>
        <div class="right">
        	<!--BEGIN: Footer Right-->
            <!--END Footer Right-->
        </div>
        <div class="clear"></div>
    </div>
</div>
</body>
</html>